include controls

.mdl-grid
	.mdl-cell--4-offset.mdl-cell--4-col
		.mdl-card.mdl-shadow--2dp
			.mdl-card__title
				h2.mdl-card__title-text 设置
			.mdl-card__content.mdl-grid
				+cell-input('text', 'ip', '服务器地址')
				+cell-input('number', 'port', '端口')
				.mdl-cell--12-col
					label.mdl-checkbox.mdl-js-checkbox.mdl-js-ripple-effect(for="secure")
						input.mdl-checkbox__input#secure(type="checkbox")
						span.mdl-checkbox__label 使用安全连接
			.mdl-card__actions.mdl-card--border.flex
				btn.mdl-button.mdl-js-button.mdl-js-ripple-effect(onclick="goto('index', '登录')") 取消
				.mdl-layout-spacer
				btn.mdl-button.mdl-button--colored.mdl-js-button.mdl-js-ripple-effect(onclick="saveSettings()") 保存
